<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Vnplace - System admin</title>

<!-- CSS -->
<link href="css/transdmin.css" rel="stylesheet" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" type="text/css" media="screen" href="style/css/ie6.css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen" href="style/css/ie7.css" /><![endif]-->

<!-- JavaScripts-->
<script type="text/javascript" src="style/js/jquery.js"></script>
<script type="text/javascript" src="style/js/jNice.js"></script>
<style>
	body{
		font-size: 15px
	}
	#header{
		height: 60px;
		width: max;
		background: #19A3A3;
		color: white;
/* 		position: fixed; */
	}
	a.logout{
		list-style: none;
		font-size: 15px;
		float: right;
		padding-top: 22px;
		text-decoration: none;
		color: white;
		margin-right: 20px;
	}
	a.logout:hover{
		color: 	#E6E6B8;
		text-decoration: underline;
		font-size: 16px;
	}
	
	p.hello{
		float: right;
		font-size: 15px;
		margin-right: 30px;
		padding-top: 22px;
	}
	li.createacc{
		background: #B2E0E0;
	}
</style>
</head>

<body>
	<div id="wrapper">
    	<!-- h1 tag stays for the logo, you can use the a tag for linking the index page -->
    	<div id="header">
    		<%String acc = (String)session.getAttribute("acc"); %>
			<b><a href="logout.jsp" class="logout">Đăng xuất</a></b>
			<%
				if(acc==null){
					response.sendRedirect("/Vnplace/systemAdmin/login.jsp");
				}else{
			%>
    		<p class="hello">Chào, <b><%=acc %></b></p>    	
    		<%} %>	
    	</div>
        <!-- // #end mainNav -->
        
        <div id="containerHolder">
		<h1>Hệ thống quản lý</h1>
			<div id="container">
        		<div id="sidebar">
                	<ul class="sideNav">
						<li><a href="Login.html">Trang chủ</a></li>
                    	<li><a href="manageAccount.jsp"">Quản lý tài khoản</a></li>
                    	<li class="createacc"><a href="createAccount.jsp">Tạo tài khoản mới</a></li>
                    </ul>
                    <!-- // .sideNav -->
                </div>    
                
                <div id="main">
                	<form action="/Vnplace/CreateAccount" class="jNice" method="post">
							<table class="table-out">
								<tr>
									<td>
										<fieldset>
												<legend>Tạo mới tài khoản</legend>
												<table >
													<tr>
														<td align="right">Họ và tên:</td>
														<td><input type="text" name="username" size="25"/></td>
													</tr>
													<tr>
														<td align="right">Ngày Sinh:</td>
														<td>
															<input type="text" name="dob" size="25" placeholder="Nhập dạng 22/08/2014"/>
<!-- 															 <select id="day" name="day" tabindex="6" > -->
<!-- 																<option value="-1">Ngày</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> -->
<!-- 																 <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> -->
<!-- 																 <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option>  -->
<!-- 																 <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option>  -->
<!-- 																 <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> -->
<!-- 																 <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> -->
<!-- 															</select> -->
<!-- 															<select id="month" name="month" tabindex="7"> -->
<!-- 																<option value="-1">Tháng</option> <option value="1">Tháng 1</option> <option value="2">Tháng 2</option> <option value="3">Tháng 3</option> <option value="4">Tháng 4</option>  -->
<!-- 																<option value="5">Tháng 5</option> <option value="6">Tháng 6</option> <option value="7">Tháng 7</option> <option value="8">Tháng 8</option> <option value="9">Tháng 9</option>  -->
<!-- 																<option value="10">Tháng 10</option> <option value="11">Tháng 11</option> <option value="12">Tháng 12</option> -->
<!-- 															</select> -->
<!-- 															<select id="year" name="year" tabindex="8"> -->
<!-- 																<option value="-1">Năm sinh</option> <option value="2014">2014</option> <option value="2013">2013</option> <option value="2012">2012</option> <option value="2011">2011</option> <option value="2010">2010</option>  -->
<!-- 																<option value="2009">2009</option> <option value="2008">2008</option> <option value="2007">2007</option> <option value="2006">2006</option> <option value="2005">2005</option> <option value="2004">2004</option> <option value="2003">2003</option> <option value="2002">2002</option> <option value="2001">2001</option> <option value="2000">2000</option>  -->
<!-- 																<option value="1999">1999</option> <option value="1998">1998</option> <option value="1997">1997</option> <option value="1996">1996</option> <option value="1995">1995</option> <option value="1994">1994</option> <option value="1993">1993</option> <option value="1992">1992</option> <option value="1991">1991</option> <option value="1990">1990</option> -->
<!-- 																<option value="1989">1989</option> <option value="1988">1988</option> <option value="1987">1987</option> <option value="1986">1986</option> <option value="1985">1985</option> <option value="1984">1984</option> <option value="1983">1983</option> <option value="1982">1982</option> <option value="1981">1981</option> <option value="1980">1980</option>  -->
<!-- 																<option value="1979">1979</option> <option value="1978">1978</option> <option value="1977">1977</option> <option value="1976">1976</option> <option value="1975">1975</option> <option value="1974">1974</option> <option value="1973">1973</option> <option value="1972">1972</option> <option value="1971">1971</option> <option value="1970">1970</option> -->
<!-- 																<option value="1969">1969</option> <option value="1968">1968</option> <option value="1967">1967</option> <option value="1966">1966</option> <option value="1965">1965</option> <option value="1964">1964</option> <option value="1963">1963</option> <option value="1962">1962</option> <option value="1961">1961</option> <option value="1960">1960</option>  -->
<!-- 																<option value="1959">1959</option> <option value="1958">1958</option> <option value="1957">1957</option> <option value="1956">1956</option> <option value="1955">1955</option> <option value="1954">1954</option> <option value="1953">1953</option> <option value="1952">1952</option> <option value="1951">1951</option> <option value="1950">1950</option> -->
<!-- 																<option value="1949">1949</option> <option value="1948">1948</option> <option value="1947">1947</option> <option value="1946">1946</option> <option value="1945">1945</option> <option value="1944">1944</option> <option value="1943">1943</option> <option value="1942">1942</option> <option value="1941">1941</option> <option value="1940">1940</option> -->
<!-- 																<option value="1939">1939</option> <option value="1938">1938</option> <option value="1937">1937</option> <option value="1936">1936</option> <option value="1935">1935</option> <option value="1934">1934</option> <option value="1933">1933</option> <option value="1932">1932</option> <option value="1931">1931</option> <option value="1930">1930</option>  -->
<!-- 															</select> -->
														</td>
													</tr>
													<tr>
														<td align="right">Địa chỉ:</td>
														<td><input type="text" name="address" size="35"/></td>
													</tr>
													<tr>
														<td align="right">Số CMND:</td>
														<td><input type="text" name="cmt" size="25"/></td>
													</tr>
													<tr>
														<td align="right">Email:</td>
														<td><input type="text" name="email" size="30"/></td>
													</tr>
													<tr>
														<td align="right">Số Điện Thoại:</td>
														<td><input type="text" name="phone" size="25"/></td>
													</tr>
													<tr>
														<td align="right">Tài khoản:</td>
														<td><input type="text" name="account" size="25"/></td>
													</tr>
													<tr>
														<td align="right"> Mật khẩu:</td>
														<td><input type="password" name="password" size="25"/></td>
													</tr>
													<tr>
														<td align="right">Xác nhận mật khẩu:</td>
														<td><input type="password" name="repass" size="25"/></td>
													</tr>
													<tr>
														<td align="right">Vai trò:</td>
														<td><select name="role">
																<option value="ContentEditor">Content Editor</option>
																<option value="SystemAdmin">System Admin</option>

														</select></td>
													</tr>
													<tr>
														<td  align="right"><input type="submit" name="Luu" value="Lưu" class="save"/></td>
														<td><input type="button" name="Huy" value="Hủy" class="cancel" onclick="window.location='manageAccount.jsp'"/></td>
													</tr>
											</table>
										</fieldset>
									</td>
								</tr>
							</table>
                    </form>
                </div>
                <!-- // #main -->
                
                <div class="clear"></div>
            </div>
            <!-- // #container -->
        </div>	
        <!-- // #containerHolder -->
		<div id="footer">
			<p class="copyright">©Copyright 2014 VnPlace.vn</p>
		</div>
    </div>
    <!-- // #wrapper -->
</body>
</html>




